/*
    Domain for sale template
    Primary Styles - Red version
    Author: Rzepak http://themeforest.net/user/rzepak
 */
body {
    background: url('bg000000.jpg')/*tpa=http://summat.ru/Domain%20for%20sale_files/bg000000.jpg*/;
    
}
p{
    margin-bottom: 10px;
}
h4{
    margin: 10px 0px;
}

#container {
    width:900px;
    margin:0px auto;
}

/*
top
*/

#topbar {
    height: 45px;
    background: url('topbar00.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/topbar00.png*/ repeat-x;
}

header h1{
   font-size:46px;
   color:#2e2e2e;
   padding: 30px 0px;
  
   font-family: 'Droid Sans', arial, serif;
   text-shadow: 0 1px 0 #595959,
               0 2px 0 #595959,
               0 3px 0 #5c5c5c,
               0 4px 0 #8b8b8b,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
    text-align:center;
}

    header h1 span{
        display: block;
        font-size:14px;
        text-shadow: 0 1px 0 #fff;
    }


/*
    main
*/

#price {
    width:160px;
    height:205px;
    background: url('ribbon00.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/ribbon00.png*/;
    float: right; 
    font-family: 'Droid Sans', arial, serif;
    text-align: center;
    position: absolute;
    top:-9px;
    right: 70px;
}

#price h2 {
   font-size:39px;
   color:#fff;
   text-shadow:1px 1px 0px #000;
   padding:50px 0 0 10px;
 
}
    #price h2 span {
       font-size:13px;
       color:#fff;
       display: block;
       text-shadow:1px 1px 0px #000;
    }

.main {
    background:  #fff;;
    padding: 25px 20px 15px;
    position: relative;
    width: 743px;
    margin: 0px auto;
 
    -moz-box-shadow: 0 1px 3px #A9A8A8;
    -webkit-box-shadow: 0 1px 3px #A9A8A8;
    box-shadow: 0 1px 3px #A9A8A8;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

    .main h3 {
        font-family: 'Droid Sans', arial, serif;
        color:#a4262f;
        font-size:15px;
        margin:0px 0px 10px 0px
    }

.shadow {
    background: url('shadow-c.htm')/*tpa=http://summat.ru/Domain%20for%20sale_files/shadow-c.htm*/ no-repeat;
    bottom: -34px;
    height: 61px;
    left: -61px;
    position: absolute;
    width: 908px;
}



#buy {
    width: 235px;
    float: right;
    line-height: 1.8em;
    margin-top: 160px;
}

    #buy p {
        padding:5px;
    }

a.btn {
    border: 1px solid #5b0a0f;
    background: url('buybg000.jpg')/*tpa=http://summat.ru/Domain%20for%20sale_files/buybg000.jpg*/ repeat-x #941313;
    color:#fff;
    text-shadow: 1px 1px 0px #000;

    font-weight: bold;
    font-size: 28px;
    display: block;
    padding: 15px;
    margin: 20px auto;
    text-decoration: none;
    width:130px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 1px 0 0 #c86666 inset,
                    0px 1px 2px #8D8D8D,
                    0 -4px 0 #650606 inset;

    -webkit-box-shadow: 0 1px 0 0 #c86666 inset,
                    0px 1px 2px #8D8D8D,
                    0 -4px 0 #650606 inset;
    box-shadow:0 1px 0 0 #c86666 inset,
                    0px 1px 2px #8D8D8D,
                    0 -4px 0 #650606 inset;
}

    a.btn:hover {
        opacity:.9;
         -moz-box-shadow: 0 1px 0 0 #c86666 inset, 0px 1px 2px #8D8D8D;
         -webkit-box-shadow: 0 1px 0 0 #c86666 inset, 0px 1px 2px #8D8D8D;
         box-shadow: 0 1px 0 0 #c86666 inset, 0px 1px 2px #8D8D8D;
         padding:16px 15px 14px 15px;

    }


.or {
    background: url("or000000.png")/*tpa=http://summat.ru/Domain%20for%20sale_files/or000000.png*/ no-repeat scroll 0 0 transparent;
    font-family: "Georgia",sans-serif;
    font-size: 30px;
    font-style: italic;
    height: 270px;
    padding-top: 25px;
    position: absolute;
    right: 280px;
    text-indent: -9999px;
    width: 88px;
 
}


/*
form
*/

form {
    width:380px;
    float: left;
    padding-bottom: 20px
}
form p {
    padding:5px 0px;
}

    form p#name-p {
        float:left;
        margin-right: 26px;
    }

    form p#mail-p {
        float:left
    }

    form label {
        display: block;
        width:120px;
        padding: 7px 5px;
    }

    form textarea,
    form input {
        background: #f6f6f6;
        border:1px solid #dfdfdf;
        color:#000;
        padding: 7px 10px 6px;

        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        -moz-box-shadow: 0 1px 0 0 #fff inset;
        -webkit-box-shadow: 0 1px 0 0 #fff inset;
        box-shadow: 0 1px 0 0 #fff inset;
    }
    form textarea {
        width: 350px;
        height: 140px;
    }



    input#submit {
        border: 1px solid #8f8f8f;
        -moz-box-shadow: 0 1px 0 0 #d7d7d7 inset, 0px 1px 2px #8D8D8D;
        -webkit-box-shadow: 0 1px 0 0 #d7d7d7 inset, 0px 1px 2px #8D8D8D;
        box-shadow: 0 1px 0 0 #d7d7d7 inset, 0px 1px 2px #8D8D8D;
        background: #b0b0b0;
        color:#555555;
        text-shadow: 1px 1px 0px #d0d0d0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 11px;
        float: right;
        margin: 10px 8px;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae', endColorstr='#cacaca');
        background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae), to(#cacaca));
        background: -moz-linear-gradient(top, #cacaca,  #aeaeae  );

    }

form p#info {padding: 0px;}

span.error {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #E7928D;
    border: 1px solid #C82820;
    color: #C82820;
    display: block;
    font-family: "Arial",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: -4px 0;
    padding: 10px;
    text-transform: none;
    }

#response {
    background: #FCF2A5;
    padding:10px;
    border:1px solid #EDBF06;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    -moz-box-shadow:0 1px 4px #CCCCCC;
    -webkit-box-shadow:0 1px 4px #CCCCCC;
    box-shadow:0 1px 4px #CCCCCC;
}
#ok {
    background:none repeat scroll 0 0 #CCE297;
    border:1px solid #B2DC4D;
    color:#40550D;
    font-family:"Arial",Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    padding:5px;
}

#error {
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    background:none repeat scroll 0 0 #E7928D;
    border:1px solid #C82820;
    color:#C82820;
    font-family:"Arial",Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    margin:5px 0;
    padding:5px;
}

#loading { display: none; }

/*
  footer
*/

footer {
    width:780px;
    margin:35px auto;
    font-size:11px;
    text-shadow:1px 1px 0px #fff;
}

.contact{
    margin-top:40px;
}

    .contact h3 {
        font-size:16px;
        padding-top: 5px;
        color:#555555;
        padding-bottom: 5px
    }

.col {
    width: 230px;
    float:left;
    padding-right: 40px;
}

.collast {
    padding-right: 0px;
    width: 200px;
}


/*
    twitter widget
*/


#twitts ul {
    list-style: none;
    margin-left:0px;
}
#twitts ul li p {
    margin-bottom: 10px;
    background: #f6f6f6;
    border:1px solid #dfdfdf;
    color:#000;
    padding: 7px 10px 6px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 1px 0 0 #fff inset;

}

#twitts ul li span.time {
    display: block;
    font-size: 11px;
}

img.juitterAvatar {
    float: left;
    border:1px solid #eee;
    padding: 5px;
    margin-right: 10px;
      -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/*
 domains list
*/

.domains ul {
    list-style: none;
    margin-top:10px;
    margin-left: 0px;
}
    .domains ul li {
        background: url('li000000.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/li000000.png*/ no-repeat left center;
        padding-left:20px;
        margin:5px 0px;
    }
    .domains ul li span {
        font-size: 11px;
    }

/*
 social icons
*/

ul#socials {
    list-style: none;
    margin-top:10px;
    margin-left:0px;
}

#socials li {
    float: left;
    margin:0 10px 0 0;
}

#socials li a:hover img {
    opacity:0.8
}



.stats {
    margin-top: 40px;
}

/*
 Data table
*/

table.data {
   width:100%;
   margin-top:20px;
   border:1px solid #ddd;
   -moz-box-shadow: 0px 4px 8px #ddd;
   -webkit-box-shadow: 0px 4px 8px #ddd;
   box-shadow: 0px 4px 8px #ddd;
}

    table.data td {
        padding:10px;
        border-bottom: 1px solid #ddd;
        text-align: center
    }
        table.data td:first-child {
            text-align: left
        }

    table.data th {
        background: url('topbar00.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/topbar00.png*/ repeat-x;
        padding: 3px 0px 22px 0px;
        color: #fff;
        text-shadow: 1px 1px 0px #53090f;
    }
        table.data th:first-child {
            background:  url('th-first.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/th-first.png*/ no-repeat right top;
            border-top: 0px;
        }


/*
  tooltip
*/

.lightTip .content {
    width: 100%;
    padding: 10px;
    border: 4px solid #e2e2e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ffffff;
    color: #020202; }

.lightTip .bottom {
    height: 14px;
    background: url(notch-wh.png)/*tpa=http://summat.ru/Domain%20for%20sale_files/notch-wh.png*/ top center no-repeat;
}

/*
icons
*/

.ico-form {
    background: url('mail3200.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/mail3200.png*/ no-repeat left center;
    padding-left:40px;
}

.ico-list {
    background: url('bag32000.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/bag32000.png*/ no-repeat left center;
    padding-left:40px;
}

.ico-twitter {
    background: url('twitter3.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/twitter3.png*/ no-repeat left center;
    padding-left:40px;
}

.ico-stats {
    background: url('risegrap.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/risegrap.png*/ no-repeat left center;
    padding-left:40px;
    padding-top:5px
}

    .contact h3.ico-phone {
        background: url('phone320.png')/*tpa=http://summat.ru/Domain%20for%20sale_files/phone320.png*/ no-repeat left center;
        padding-left:40px;
        color: #000;
        font-size: 22px
    }

.ico-phone span {
    display: block;
    font-size:14px;
}

/*
 IE fix
*/

html.ie8 table.data th,
html.ie7 table.data th,
html.ie6 table.data th {
    padding:10px 0px 20px;
}



/*
 style for print
*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}